@import './../../node_modules/font-awesome/css/font-awesome.min.css';
@import './../../node_modules/bootstrap/dist/css/bootstrap.min.css';
@import 'colors';

@import './Auth';

.fa {
  color: $accent;
}

body {
  background-color: $white;
  padding-top: 20px;
  padding-bottom: 20px;

  form {
    text-align: center;
    margin-top: 5%;
    .title-content {
      margin-bottom: 3%;
    }
  }
  .circle-content {
    background-color: rgba(0,0,0,.5);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    width: 150px;
    height: 150px;
    z-index: 22;
    border-radius: 3px;
  }
  .error-content {
    color: red;
    margin-top: 30px;
    text-align: center;
  }
  .container {
    .search-content {
      margin-top: 20%;
      .btn-search {
        position: absolute!important;
        right: 50%!important;
        transform: translateX(50%)!important;
        margin-top: 4%!important;
      }
      a {
        text-decoration: none;
      }
    }
  }
}

.jumbotron {
  background-color: transparent;
  h1 {
    font-size: 1.8em;
  }
  p {
    font-size: 1.2em;
  }
}
